#include("templates/layout.html")
#@layout()

#define seo_title()
搜索结果#if(!isMobile) - #seo("seo_title")#end
#end

#define seo_keywords()
#seoMetaKeywords()
#end

#define seo_description()
#seoMetaDescription()
#end

#define import_head_cssjs()
<link rel="stylesheet" href="./css/searchResult.css">
#end

#define body_class()auto-mo-pc bg-white#end

#define body()
	<div class="auto-contanter" data-head-fiexd="true">
	#casesResultPage(word=word, var="page")
		<!-- 搜索结果 -->
		<div class="article-container borderbg">
			<h1 class="s-title n">
				搜索<span class="text-secondary mr5 ml5">#(word)</span> 的结果
			</h1>
		#if(page.list.size() > 0)
			<!-- 结果列表 -->
			<div class="row">
				#for(cases : page.list)
				<a href="#if(cases.url)#(cases.url)#else#(ctx)/detail/cases-#(cases.id).html#end" target="_blank" class="case-item col-xs-12 col-sm-4">
					<div class="rel">
						<img class="case-img" src="#if(isMobile && cases.imgH5)#(cases.imgH5)#else#(cases.img)#end" alt="">
					</div>
					<div class="ell rm-ft-text">
						<span class="red-bd">#(cases.title)--#(cases.subtitle)</span>
					</div>
				</a>
				#end
			</div>
		#else
			<!-- 没有搜索结果 -->
			<div class="search-none tc">没有相关的搜索结果，烦请谅解！</div>
			<!-- 推荐更多 -->
			<div class="recommend-more">
				<div class="title">推荐更多</div>
				<div class="row">
			#topCasesList(var="topList")
				#for(cases : topList)
					<a href="#(ctx)/detail/cases-#(cases.id).html" target="_blank" class="case-item col-xs-12 col-sm-4">
						<div class="rel">
							<img class="case-img" src="#if(isMobile && cases.imgH5)#(cases.imgH5)#else#(cases.img)#end" alt="">
							<div class="hover-actve-bg hidden-xs"></div>
							<div class="hover-actve hidden-xs">
								<div class="description">#(cases.title)</div>
								<div class="description-info">#(cases.subtitle)</div>
							</div>
						</div>
						<div class="ell rm-ft-text">
							<span class="red-bd">#(cases.title)--#(cases.subtitle)</span>
						</div>
					</a>
				#end
				</div>
			#end
			</div>
		#end
		</div>
	#end
	</div>
#end

#define import_foot_js()
#end